<%-- 
    Document   : formulario
    Created on : 31/08/2010, 11:15:36
    Author     : ciar
--%>
<%@page import="java.util.ArrayList"%>
<%@page import="pessoal.Administrador"%>
<%@page import="pessoal.CoordenadorPedagogico"%>
<%@page import="pessoal.Polo"%>
<%@page import="pessoal.Cidade"%>
<%@page import="ferramentas.Query"%>
<%@page import="java.util.List"%>
<%@page import="pessoal.Estado"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="pessoal.Usuario"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="shortcut icon" href="http://www.ufg.br/imagens/ufg.ico" />       
        <script language="JavaScript" src="calendar1.js"></script><!-- Date only with year scrolling -->
        <script type="text/javascript" src="scripts/lib/jquery.js"></script>
        <script src="scripts/flash.js" type="text/javascript"></script>
        <script src="scripts/jquery.maskedinput.js" type="text/javascript"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Cadastro</title>
    </head>

    <body>
        <%
            Query q = new Query();
        %>
        <h1>Atualização de E-mail</h1>
        <strong>Informe os dados abaixo de acordo com seu usuário cadastrado</strong><br /> 
        <strong>Todos os campos são obrigatórios</strong> 
        <form id="formulario" name ="formulario" action="formularioMudancaEmail" method="post" >
            <br />
            <table id="tab_form">
                <tr><td><label>CPF<input onblur="valida_cpf()" type="text" id="cpf" name="cpf" id="cpf" onclick="this.setAttribute('class','none');"/></label><span id="ajuda_cpf"></span><span class="dica">Somente números</span></td></tr>

                <tr><td><label>Nome Completo<input type="text" name="nome" size="60" id="nome" onclick="this.setAttribute('class', 'none');" value="" /></label><br /></td></tr>

                <tr>
                    <td>
                        Data de Nascimento
                        <input type="text" size="9" name="nascimento" value="" id="nascimento" onclick="this.setAttribute('class', 'none');" onblur="valida_confirmar_nascimento()" >
                        <a onclick="popupCalendario()" href="#"><img src="img/cal.gif" width="16" height="16" border="0" alt="Click Here to Pick up the date"></a><span id="ajuda_nascimento"></span><span class="dica">dd-mm-aaaa</span>
                    </td>
                </tr>

                <tr><td><label>E-mail Antigo<input type="text" id="email" name="email" value="" size="30"/></label></td></tr>

                <tr><td><label>E-mail Novo<input onchange="valida_email();valida_confirma_email()" type="text" id="email_novo" name="email_novo" value="" size="30"/></label><span id="ajuda_email"></span></td></tr>

                <tr><td><label>Confirme seu E-mail Novo<input onchange="valida_confirma_email()" type="text" size="30" id="confirma_email" name="confirma_email" value="" /></label><span id="ajuda_confirma_email"></span></td></tr>    


                <tr><td><input type="button" value="Atualizar" onmouseup="validar()" /></td></tr>
            </table>
        </form>
        <script language="JavaScript">
                    var cal1 = new calendar1(document.forms['formulario'].elements['nascimento']);
                    cal1.year_scroll = true;
                    cal1.time_comp = false;
                    //-->
        </script>

        <script <script language="JavaScript" type="text/javascript">

            function valida_confirma_email() {

                var email = document.getElementById("email_novo");
                var confirma_email = document.getElementById("confirma_email");

                var ajuda = document.getElementById("ajuda_confirma_email");

                if (email.value != confirma_email.value) {
                    ajuda.innerHTML = "E-mail não confere!";
                    ajuda.style.color = "#f00";
                    return false;
                } else {
                    ajuda.innerHTML = "Obrigado!";
                    ajuda.style.color = "#0f0";
                    return true;
                }
            }

            function valida_email()
            {
                var email = document.getElementById("email_novo");
                var ajuda_email = document.getElementById("ajuda_email");
                var txt = email.value;
                if ((txt.length != 0) && ((txt.indexOf("@") < 1) || (txt.indexOf('.') < 0)))
                {
                    ajuda_email.innerHTML = "E-mail incorreto!";
                    ajuda_email.style.color = "#f00";
                    email.focus();
                    return false;
                } else {
                    ajuda_email.innerHTML = "Obrigado!";
                    ajuda_email.style.color = "#0f0";

                    return true;
                }
                alert("email");
            }

            function isValidDate(sDate) {
                var regexDate = /(?:0[1-9]|[12][0-9]|3[01])\-(?:0[1-9]|1[0-2])\-(?:19|20\d{2})/;
                if (regexDate.test(sDate)) {

                    var date = sDate.split("-");
                    var dia = parseInt(date[0]);
                    var mes = parseInt(date[1]);
                    var ano = parseInt(date[2]);

                    if (dia == 31 && (mes == 4 || mes == 6 || mes == 9 || mes == 11)) {
                        return false; // 31st of a month with 30 days
                    } else if (dia >= 30 && mes == 2) {
                        return false; // February 30th or 31st
                    } else if (mes == 2 && dia == 29 && !(ano % 4 == 0 && (ano % 100 != 0 || ano % 400 == 0))) {
                        return false; // February 29th outside a leap year
                    } else {
                        return true;
                    }
                } else {
                    return false; // Not a date
                }
            }

            function valida_confirmar_nascimento() {
                var nascimento = document.getElementById("nascimento");
                var ajuda_nascimento = document.getElementById("ajuda_nascimento");
                var data = nascimento.value;
                if (isValidDate(data))
                {
                    ajuda_nascimento.innerHTML = "Obrigado!";
                    ajuda_nascimento.style.color = "#0f0";
                    $('#email').focus();
                    return true;
                } else {
                    ajuda_nascimento.innerHTML = "Data de nascimento inválida!";
                    ajuda_nascimento.style.color = "#f00";
                    $('#nascimento').focus();
                    return false;
                }
            }

            function valida_cpf() {
                var cpf = document.getElementById("cpf");
                var ajuda_cpf = document.getElementById("ajuda_cpf");
                if (cpf.value.length == 11) {
                    if (isNaN(cpf.value)) {
                        if (ajuda_cpf != null) {
                            ajuda_cpf.innerHTML = "O cpf deve conter apenas números.";
                            ajuda_cpf.style.color = "#f00";
                        }
                        cpf.value = "";
                        cpf.focus();
                        return false;
                    } else {
                        if (ajuda_cpf != null) {
                            ajuda_cpf.innerHTML = "Obrigado!";
                            ajuda_cpf.style.color = "#0f0";
                        }
                        return true;
                    }

                } else {
                    if (cpf.value.length != 11) {
                        if (ajuda_cpf != null) {
                            ajuda_cpf.innerHTML = "CPF incorreto!";
                            ajuda_cpf.style.color = "#f00";

                        }
                        cpf.value = "";
                        cpf.focus();
                        return false;
                    }
                }
            }

            function isSelected(nome_campo) {
                var campo = $('#' + nome_campo);
                var valor = $('#' + nome_campo + ' option:selected').val();
                if (valor == 0) {
                    $(campo).addClass('invalido');
                    return false;
                } else {
                    return true;
                }
            }

            function popupCalendario() {
                $('#nascimento').val('');
                cal1.popup();
            }

            function validaTudo() {
                return valida_nome() &
                        valida_cpf_vazio() &
                        valida_email_antigo() &
                        valida_email_novo() &
                        valida_email_confirmacao();
            }

            function valida_cpf_vazio() {
                return validaCampo("cpf");
            }
            
            function valida_nome() {
                return validaCampo("nome");
            }

            function valida_email_antigo() {
                return validaCampo("email");
            }

            function valida_email_novo() {
                return validaCampo("email_novo");
            }

            function valida_email_confirmacao() {
                return validaCampo("confirma_email");
            }

            function validaCampo(nome_campo) {
                var campo = document.getElementById(nome_campo);
                if (campo != null) {
                    if (!isVazio(campo.value)) {
                        return true;
                    }
                }
                campo.setAttribute("class", "invalido");
                return false;
            }


            function isVazio(campo) {

                if (campo.length == 0 || campo == null) {
                    return true;
                } else {
                    return false;
                }
            }
            
            function validar(){
                var form = document.getElementById("formulario");
                if( validaTudo() && valida_email() && valida_cpf() && valida_confirmar_nascimento() && valida_confirma_email()){
                    form.submit();
                }else{
                    window.alert("Você não preencheu devidamente todos os campos obrigatórios!");
                }

            }
            </script>
    </body>
</html>